/* 搜索引擎 */
$(document).ready(function(){
    //先监听input的值变化			
 document.getElementById("input").oninput=function(){
         var val = $(this).val()
    if(val!=""){
   //当input中有值的时候显示ul列表
      $("#ul").css("display","block")
         var a = -1 //设置一个变量 用来控制键盘上下键选中的li标签
      //开始监听键盘事件
 document.onkeydown = function (e) {
   e = e || window.event;	
          var code = e.keyCode  //用来储存 e.keycode
        if(code==40){	
  console.log(123)         
          //获取ul中的li个数，使选择不会超出
     if(a<$("#ul").children("li").length){
                            a++;
        //开始获取到选择中的li标签
      $("#ul").children("li").eq(a)
     }
 }else if(code==38){
       console.log(456)   
             //获取ul中的li个数，使选择不会超出
             if(0<a){
  a--;			//开始获取到选择中的li标签
                    $("#ul").children("li").eq(a)
                  }
          }else if(code==13){
               console.log("回车")
                     }
              }	
                  }else{
       //当input中没有值的时候隐藏ul列表
         $("#ul").css("display","none")
                   }
                    }
//给body添加一个点击事件来隐藏ul，使用户点击页面ul可以隐藏
         $("body").click(function(){
       $("#ul").css("display","none")
              })
      //失去键盘焦点,键盘监听事件关闭
       $("#input").blur(function(){
                        document.onkeydown =null
                    })
                })